<template>
	<view>
		<z-paging :show-refresher-when-reload="false"  show-refresher-update-time  ref="paging" v-model="dataList" @query="queryList">
			<!-- z-paging默认铺满全屏，此时页面所有view都应放在z-paging标签内，否则会被盖住 -->
			<!-- 需要固定在页面顶部的view请通过slot="top"插入，包括自定义的导航栏 -->
			<view slot="top" class="">
				<!-- <u-navbar :custom-back="back_self" :borderBottom="false" back-text=" " :title-color="style.color5" :background="{background:style.color2}" :title-size="30" :title-width="400" :title="title"></u-navbar> -->
				<back :title="title"></back>
				<view class="" style="height: 150rpx;"></view>
				<!-- <view class="search_box" >
					<view class="search_box_right">
						<view class="search_input_icon">
							<u-icon name="search" color="#333" size="28"></u-icon>
						</view>
						<input class="search_input" @confirm="search_submit"  v-model="name" type="text" placeholder-class="search" placeholder="请搜索名称" />
						<view  @click="search_submit" class="search_btn">
							搜索
						</view>
					</view>
				</view> -->
			</view>
		    <view class="list" >
				<view v-for="(item,index) in dataList" :key="index" class="list_item">
					<!-- <view class="list_item_top">
						<view class="list_item_top_title2 ">金额</view>
						<view class="list_item_top_num">{{item.price}}元</view>
					</view>
					<view class="list_item_bottom">
						<span>{{item.add_time}}</span>
					</view> -->
					<image src="../../static/vip/icon_60.png" style="width: 78rpx; height: 78rpx;" mode=""></image>
					<view class="list_center">
						<span class="list_center1">金额</span>
						<span>{{item.add_time}}</span>
					</view>
					<span class="pic_num" :class="">
						{{item.type>0?'-':'+'}}
						{{item.price}}
					</span>
				</view>
		    </view>
		</z-paging>
	</view>
</template>

<script>
		import back from '@/componts/back.vue';
		export default {
			components:{
				back
			},
		data() {
			return {
				dataList:[],
				style:{},
				title:''
			}
		},
		onLoad(data) {
			this.title = '收支明细'
		},
		onShow() {
			var style =  uni.getStorageSync('style')
			style = JSON.parse(style)
			this.style = style
		},
		
		
		methods: {
			queryList(pageNo, pageSize) {
				var data = {
					"page": pageNo, 
					"limit": pageSize 
				}
				this.$wqzApi.UserPoints_commission_list(data).then(res=>{
					this.$refs.paging.complete(res.data.list);
				}).catch(err=>{
					this.$refs.paging.complete(false);
				})
				// this.$wqzApi.shop_order_list(data).then(res=>{
				// 	this.$refs.paging.complete(res.data.list);
				// }).catch(err=>{
				// 	this.$refs.paging.complete(false);
				// })
			},
		}
	}
</script>
<style lang="scss" scoped>
	@import url(./Detailed_List.css);
</style>
